
#newtab-scrollbox[page-disabled] > box.radionewtab,
#newtab-scrollbox[page-disabled] > hbox.pronewtab,
#newtab-scrollbox[page-disabled] > vbox.pronewtab,
a.newtab-link[href^="javascript:proNewTab"] ~ input.newtab-control-block
{
  display: none;
}

#newtab-horizontal-margin #newtab-grid.pronewtab {
    transition: opacity 1s ease-out;
    width: 100%;
    opacity: 1;
}

#newtab-horizontal-margin #newtab-grid[page-disabled] {
    opacity: 0;
}

#newtab-grid > .newtab-cell {
    transition: height 2s ease-out;
    min-width: 40px;
    min-height: 20px;
}

menuitem.statustext > label.menu-description
{
  font-style: inherit;
  color: menutext;
}

box.radionewtab,
box.pronewtab,
hbox.pronewtab,
vbox.pronewtab {
  position: absolute
}

hbox.pronewtab {
  width:  72px;
  height: 32px;
}

vbox.pronewtab {
  width:  32px;
  height: 72px;
}

box.radionewtab > button {
  min-width: 3.3em;
  -moz-appearance: none;  
  margin-right: 0px;
}

hbox.pronewtab > box.pronewtab {
  top:    0px;
  left:   33px;
  width:  6px;
  height: 32px;
}

vbox.pronewtab > box.pronewtab {
  left:   0px;
  top:    33px;
  height: 6px;
  width:  32px;
}

/*
.pronewtab:active > box.pronewtab:hover,
.pronewtab[disabled]:active > box.pronewtab */
.pronewtab > box.pronewtab {
    background-color: ActiveBorder
}
/*  yellow style  .pronewtab:active > box.pronewtab, */
input[type="button"]:active:enabled ~ box.pronewtab,
.pronewtab[focused] > box.pronewtab { 
    background-color: rgb(248,249,0) 
}

.pronewtab > input[type="button"] {
  position: absolute;
  padding:0;
  margin: 0;
  border: none;
  width:  32px;
  height: 32px;
}

hbox.top > input.pronewtab-minus {
    border-bottom-left-radius: 16px 25px;
}

hbox.bottom > input.pronewtab-minus {
    border-top-left-radius: 16px 25px;
}

vbox.left > input.pronewtab-minus {
    border-top-right-radius: 16px 25px;
}

vbox.right > input.pronewtab-minus {
    border-top-left-radius: 16px 25px;
}

hbox.pronewtab > input.pronewtab-minus
{ 
  background-image: url(chrome://pronewtab/skin/minus-row.png);
  top:  0px;
  left: 0px;
}

hbox.pronewtab > input.pronewtab-plus
{ 
  background-image: url(chrome://pronewtab/skin/plus-row.png);
  top:   0px;
  right: 0px;
}

vbox.pronewtab > input.pronewtab-minus
{ 
  background-image: url(chrome://pronewtab/skin/minus-col.png);
  top:  0px;
  left: 0px;
}

vbox.pronewtab > input.pronewtab-plus
{ 
  background-image: url(chrome://pronewtab/skin/plus-col.png);
  left:   0px;
  bottom: 0px;
}

.pronewtab > input[type="button"] {
  background-position: 0px top;
}

.pronewtab > input[type="button"]:disabled {
    opacity: 0.66;
    cursor: default;
    background-position: 32px top;
}

.pronewtab > input[type="button"]:focus:enabled, 
.pronewtab > input[type="button"]:hover:enabled
{
  cursor: pointer;
  background-position: -32px top;
}
